<!doctype html>
<html lang="zh-CN">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap 的 CSS 文件 -->
{#    <script src="{{ buildStaticUrl('/jq3.2.1.js') }}"></script>#}
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="{{ buildStaticUrl('/bootstrap-4.6.1-dist/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ buildStaticUrl('/icons-1.8.1/font/bootstrap-icons.css') }}"/>
    {#    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.min.css"/>#}
    {#    <link rel="stylesheet" href="icons-1.8.1/icons-1.8.1/font/bootstrap-icons.css"/>#}
    <script src="{{ buildStaticUrl('/boot4.js') }}"></script>

    <title>商职贵物</title>
    {% block css %}{% endblock %}
    <style type="text/css">
        .navbar {
            background-color: #E8E8E8
        }

        body {
            background-color: #f9f9f9;
        }

        #button_id {
            position: absolute;
            left: 100px;
            top: 1px;
        }

    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="{{ buildUrl('') }}">影视</a>
    <button id="button_id" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="{{ buildUrl('dog') }}">DOG <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ buildUrl('lsp') }}">日系少女</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ buildUrl('wula') }}">乌拉</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ buildUrl('suka') }}">苏卡不列</a>
            </li>
        </ul>
        <div class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" id="souscont" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" id="sous">Search</button>
        </div>
        {% if current_user %}
            <a class="nav-link" href="javascript:void(0);">{{ current_user.nickname }} </a>
            <a class="nav-link" href="/member/logout">退出 </a>
        {% else %}
            <a class="nav-link" href="/member/reg">注册 </a>
            <a class="nav-link" href="/member/login">登录 </a>
        {% endif %}
    </div>
</nav>
<div class="container">

    <div class="row" style="margin-top: 50px">
        <div aria-live="polite" aria-atomic="true"
             class="d-flex justify-content-center align-items-center col-lg-3 offset-2"
             style="height: 200px; position: absolute; top: 1px">

            <!-- Then put toasts within -->
            <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-header">
                    {#                <img src="..." class="rounded mr-2" alt="...">#}
                    <strong class="mr-auto">注册信息</strong>
                    <small>刚刚</small>
                    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="toast-body">
                    Hello, world! This is a toast message.
                </div>
            </div>
        </div>
    </div>
</div>
{% block content %}
{% endblock %}
{#<footer class="text-center">#}
{#    备案号：奥里给#}
{#</footer>#}

<script src="{{ buildStaticUrl('/boot4.js') }}"></script>
<script src="{{ buildStaticUrl('/poper.js') }}"></script>
{#<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"#}
{#        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"#}
{#        crossorigin="anonymous"></script>#}
{##}
{#<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"#}
{#        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"#}
{#        crossorigin="anonymous"></script>#}
{##}
{#<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"#}
{#        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"#}
{#        crossorigin="anonymous"></script>#}
<script src="{{ buildStaticUrl('/js/common.js') }}"></script>
<script src="{{ buildStaticUrl('/js/sousuo.js') }}"></script>
{% block js %}
{% endblock %}

</body>
</html>